<template>
  <div id=push>
    <!--商品显示-->
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="proId"
        label="ID"
        width="120">
      </el-table-column>
      <el-table-column
        prop="proName"
        label="商品名"
        width="120">
      </el-table-column>
      <el-table-column
        prop="newPrice"
        label="现售价"
        width="120"
        >
      </el-table-column>
      <el-table-column
        prop="picUrl"
        label="图片"
        width="120"
        >
        <template slot-scope="scope">
          <img :src="scope.row.picUrl" style="width:50px;height:50px" />
        </template>
      </el-table-column>
      <el-table-column
        prop="proNum"
        label="数量"
        width="120"
        >
      </el-table-column>
      <el-table-column
        prop="cateName"
        label="分类"
        width="120"
        >
      </el-table-column>
      <el-table-column
        prop="addTime"
        label="添加时间"
        width="180"
        >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
    export default {
      data() {
        return {
          tableData: [],
           
          }
      },
      //(文档就绪)
      created:function()
      {
          console.log(this.$route.params.id);
          this.axios
            .get("http://localhost:35043/api/Order/OrderFinds?id="+this.$route.params.id
            )
            .then((res)=>{
                this.tableData=res.data.data;
            });
      },
  }
</script>